.login-wrap{position: absolute;left:0;top:0;background: rgba(0,0,0,0.7);width:100%;height:100%;}
.login-main{width:360px;padding:0 20px;height:280px;position: absolute;top:50%;left:50%;background: #fff;border-radius: 5px;box-shadow: 0 0 8px 5px rgba(0,0,0,0.6);margin:-140px 0 0 -200px}
.login-main .login-hd{margin-top:30px;font-size:20px;margin-bottom: 20px}
.login-main .layui-form{}
.login-main .login-item, .login-main .login-btn{width:100%;position: relative;}
.login-main .login-label{position: absolute;color:#676767;left:8px;top:10px;height:20px;padding:0 5px;line-height: 20px;background: #fff;transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.login-main .layui-form-item .layui-input-focus label{ top:-10px; font-size:12px; color:#009688;}
.login-main .layui-form-item .layui-input-focus input{ border-color:#009688 !important;}
.login-main .layui-form-item .layui-input-active label{ top:-10px; font-size:12px;}
.login-main .login-btn button{width:100%;}
.login-main .layui-input::-webkit-input-placeholder{color:#fff;}
.login-main .layui-input::-moz-placeholder{color:#fff;}
.login-main .layui-input:-ms-input-placeholder{color:#fff;}
.login-main .layui-input::placeholder{color:#fff;}
.login-main .layui-input::-webkit-input-placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}
.login-main .layui-input::-moz-placeholder{transition: color 0.2s linear 0.2s;}
.login-main .layui-input:-ms-input-placeholder{transition: color 0.2s linear 0.2s;}
.login-main .layui-input::placeholder{transition: color 0.2s linear 0.2s;-webkit-transition: color 0.2s linear 0.2s;}